<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>并发执行</title>
</head>
<body>
    <script>
        //有时候需要多个await同时执行,有以下的处理方式呢,下面是多个await将产生等待
        async function p1(){
            return new Promise((resolve => {
                setTimeout(() => {
                    resolve('houdunren');
                },2000);
            }));
        }

        async function p2(){
            return new Promise(resolve => {
                setTimeout(() => {
                    resolve('hdmcs');
                },2000);
            });
        }

        
        //await会等待promise执行完之后才会继续执行后面的，所以多个await需要等待
        //但是去掉的话，就是同步执行了
        // async function hd(){
        //     await p1();
        //     await p2();
        // }
        // hd();


        //使用Promise.all() 处理多个promise并行执行
        // async function hd(){
        //    console.log(await Promise.all([p1(),p2()]))
        // }

        // hd();

        //让promise先执行后再使用await处理结果
        // async function hd(){
        //     let h1 = p1();
        //     let h2 = p2();
        //     await p1;
        //     await p2;
        // }

        // hd();
    </script>
</body>
</html>